<!DOCTYPE html>

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
    
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<html xmlns="http://www.w3.org/1999/xhtml" ng-app="cryptoapp">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"  />
		<title>Chat</title>
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script type="text/javascript" src="scripts/main.js"></script>
		<script type="text/javascript" src="scripts/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="scripts/angular.js"></script>
		<script type="text/javascript" src="scripts/app/cryptoapp.js"></script>
	</head>
	<body ng-controller="usersController">
	
		<div id="generalDiv" class="general">
		
			<div id="leftColumnDiv" class="super-light-box left-column">
				<div id="usersContainerDiv" class="usersBox">
					<div class="singleUserBox" ng-repeat="user in users">
						{{user.username}}
						<input type="hidden" id="publicKye_{{user.username}}" value="{{user.publicKey}}"></input>
					</div>
				</div>
			</div>
		
			<div id="rightColumnDiv" style="" class="super-light-box right-column">
				<div id="chatsContainerDiv" ng-controller="conversationController">
					<div id="conversationDiv">
						<div id="conversationTextDiv">
							{{completeText}}
						</div>
						<div id="messageInputDiv">
							<input id="messageInput" type="text"></input>
							<button id="sendButton" onclick>Send ==&gt;</button>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	
	</body>
</html>